<div class="zc-body">
    
    <div class="body-top" nz-row>
        <div nz-col nzSpan="24">
            <div class="body-message" style="background: #3171B7">
                <h3>| 基本信息</h3>
                <div nz-row>
                    <div nz-col nzSpan="6">
                        姓  名 ： xxx
                    </div>
                    <div nz-col nzSpan="6">
                        工  号 ： xxx
                    </div>
                    <div nz-col nzSpan="6">
                        科  室 ： xxx
                    </div>
                    <div nz-col nzSpan="6">
                        医院名称 ：xxx
                    </div>
                </div>
            </div>
        </div>
        <div nz-col nzSpan="12">
            <div class="body-info" style="height: 700px;">
                <h3>| 日工作量审方数统计</h3>
                <div>
                    <label for="">筛选条件：</label>
                    <nz-radio-group [(ngModel)]="radioValue">
                        <label nz-radio nzValue="A">部门</label>
                        <label nz-radio nzValue="B">数量</label>
                        <label nz-radio nzValue="C">状态</label>
                        <label nz-radio nzValue="D">3天</label>
                    </nz-radio-group>
                </div>
                <div  style="margin:1rem auto;" echarts [options]="chartOption1" class="chart"></div>
            </div>
        </div>
        <div nz-col nzSpan="12" >
            <div class="body-info" style="height: 700px;">
                <h3>| 合格流转处方统计</h3>
                <div>
                    <label for="">筛选条件：</label>
                    <nz-radio-group [(ngModel)]="radioValue">
                        <label nz-radio nzValue="A">部门</label>
                        <label nz-radio nzValue="B">数量</label>
                        <label nz-radio nzValue="C">状态</label>
                        <label nz-radio nzValue="D">3天</label>
                    </nz-radio-group>
                </div>
                <div  style="margin: 1rem auto;" echarts [options]="chartOption" class="chart"></div>
            </div>
        </div>
    </div>
</div>
<ng-template let-fruit="data" >
    <nz-tag style="margin-bottom: 1rem"  [nzColor]="fruit.color">{{ fruit.name }}</nz-tag>
    <p style="color: #fff">{{fruit.text}}</p>
</ng-template>

<nz-modal [nzOkText]=null [(nzVisible)]="issm" nzTitle="患者反馈" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
    <nz-card>
        <!-- <nz-card  [nzActions]="[actionSetting]"> -->
            <div nz-row>
                <label nz-col [nzSpan]="8" >
                    就诊人
                </label>
                <p>顾静</p>
                <label nz-col [nzSpan]="8" >
                    诊断
                </label>
                <p>关节炎</p>
                <label nz-col [nzSpan]="8" >
                    处方时间
                </label>
                <p>2019-06-03 13:23</p>
            </div>
            <nz-divider nzDashed [nzText]="text0" nzOrientation="left">
                <ng-template #text0><i nz-icon type="plus"></i> Rp</ng-template>
            </nz-divider>
            <div class='yaopin-c'>
                <div class="yaopin-card" nz-row  *ngFor="let item of _yaopinList">
                    <div nz-col [nzSpan]="7" style="height:9rem;" (click)='ontegimg(item)'>
                        <img style="width: 7rem;" src="{{item.img}}" alt="">
                    </div>
                    <div nz-col [nzSpan]="" >
                        <h3>{{item.name}}</h3>
                        <p>{{item.guige}}</p>
                        <p>{{item.changshang}}</p>
                    </div>
                </div>

                <div style="text-align: center; padding-top: 1rem">
                    <p *ngIf='_yaopinList.length < 3'  (click)="isShow(true)">点击展示更多</p>
                    <p *ngIf='_yaopinList.length > 3' (click)="isShow(false)">收起展示</p>
                </div>
            </div>
            <div>
                <nz-divider nzDashed [nzText]="text" nzOrientation="left">
                    <ng-template #text><i nz-icon type="plus"></i> 评价</ng-template>
                </nz-divider>
                <div>
                    <label for=""><h3>医生专业技术：</h3></label>
                    <nz-rate [(ngModel)]="value1" [nzTooltips]="tooltips1"></nz-rate>
                    <span *ngIf="value" class="ant-rate-text">{{ value1 ? tooltips1[value1 - 1] : '' }}</span>
                </div>
                <div>
                    <label for=""> <h3>医生态度：</h3> </label>
                    <nz-rate [(ngModel)]="value2" [nzTooltips]="tooltips2"></nz-rate>
                    <span *ngIf="value" class="ant-rate-text">{{ value2 ? tooltips2[value2 - 1] : '' }}</span>
                </div>
                <div>
                    <label for=""><h3>治疗效果：</h3></label>
                    <nz-rate [(ngModel)]="value3" [nzTooltips]="tooltips3"></nz-rate>
                    <span *ngIf="value" class="ant-rate-text">{{ value3 ? tooltips3[value3 - 1] : '' }}</span>
                </div>
            </div>
            
            <div>
                <nz-divider nzDashed [nzText]="text1" nzOrientation="left">
                    <ng-template #text1><i nz-icon type="plus"></i> 不良反应</ng-template>
                </nz-divider>
                
                <div class="blfy-c" nz-row>
                    <div nz-col [nzSpan]="8" class="blfy-card" nz-row  *ngFor="let item of blfyData" >
                        <nz-tag > {{item.text}}</nz-tag>
                    </div>
                </div>
            </div>

            <div>
                <nz-divider nzDashed [nzText]="text2" nzOrientation="left">
                    <ng-template #text2><i nz-icon type="plus"></i>患者留言</ng-template>
                </nz-divider>
                
                <div class="blfy-c" nz-row *ngIf='type==0'>
                  无
                </div>
                <div class="blfy-c" nz-row *ngIf='type==1'>
                  第一天服药，症状立马见效，第二天突然加重，请问怎么回事？
                </div>
            </div>
                    <div *ngIf='type==1'>
                        <a >快速回复</a>
                    </div>

            
        </nz-card>

</nz-modal>